﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title>账户充值</title>
    <link rel="stylesheet" type="text/css" href="//g.alicdn.com/msui/sm/0.6.2/css/sm.css" />
    <link rel="stylesheet" type="text/css" href="/css/public.css" />
    <link rel="stylesheet" type="text/css" href="css/charge.css" />
</head>
<body>
    <div class="page">
        <!-- 标题栏 -->
        <header class="bar bar-nav xyh-bar-nav">
            <a class="icon icon-left pull-left back"></a>
            <h1 class="title">账户充值</h1>
        </header>
        <!-- 这里是页面内容区 -->
        <div class="content">
            <div class="list-block xyh-list-sidle charge-box">
                <ul>
                    <li>
                        <div class="item-content">
                            <div class="item-inner">
                                <div class="item-title label">充值金额</div>
                                <div class="item-input">
                                    <input id="charge-money" type="number" placeholder="请输入充值金额">
                                </div>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="charge-money-type">
                <span class="icon xyh-icon xyh-icon-ts"></span><span>请选择充值方式</span>
            </div>
            <div class="list-block xyh-list-sidle xyh-form">
                <ul>
                    <li>
                        <span id="icon-wycz" class="icon xyh-icon xyh-icon-wycz"></span>
                        <label class="label-checkbox item-content">
                            <div class="item-inner">
                                <div class="item-title">网银充值</div>
                            </div>
                            <div class="radio-set">
                                <input type="radio" name="charge-type" checked="checked" value="0">
                                <div class="item-media"><i class="icon icon-form-checkbox"></i></div>
                            </div>
                        </label>
                    </li>
                    <li>
                        <span id="icon-kjzf" class="icon xyh-icon xyh-icon-kjzf"></span>
                        <label class="label-checkbox item-content">
                            <div class="item-inner">
                                <div class="item-title">快捷支付</div>
                            </div>
                            <div class="radio-set">
                                <input type="radio" name="charge-type" value="1">
                                <div class="item-media"><i class="icon icon-form-checkbox"></i></div>
                            </div>
                        </label>
                    </li>
                    <li>
                        <span id="icon-hkcz" class="icon xyh-icon xyh-icon-hkcz"></span>
                        <label class="label-checkbox item-content">
                            <div class="item-inner">
                                <div class="item-title">汇款支付</div>
                            </div>
                            <div class="radio-set">
                                <input type="radio" name="charge-type" value="2">
                                <div class="item-media"><i class="icon icon-form-checkbox"></i></div>
                            </div>
                        </label>
                    </li>
                    <li>
                        <span id="icon-qywy" class="icon xyh-icon xyh-icon-qywy"></span>
                        <label class="label-checkbox item-content">
                            <div class="item-inner">
                                <div class="item-title">企业网银</div>
                            </div>
                            <div class="radio-set">
                                <input type="radio" name="charge-type" value="3">
                                <div class="item-media"><i class="icon icon-form-checkbox"></i></div>
                            </div>
                        </label>
                    </li>
                </ul>
            </div>
            <div class="btn-block"><a href="#" class="button button-big button-fill button-blue" id="btn-charge-submit">确定</a></div>
        </div>
    </div>
    <script type="text/javascript" src="/js/jquery-3.1.0.min.js" charset="utf-8"></script>
    <script type="text/javascript">var $$ = jQuery.noConflict();</script>
    <script type="text/javascript" src="//g.alicdn.com/sj/lib/zepto/zepto.js" charset="utf-8"></script>
    <script type="text/javascript" src="//g.alicdn.com/msui/sm/0.6.2/js/sm.js" charset="utf-8"></script>
    <script type="text/javascript" src="js/charge.js" charset="utf-8"></script>
    <script type="text/javascript">$.init()</script>
</body>
</html>
